/* Empty. Add your own CSS if you like */

.title-box {
	width: 100%;
	height: 200px;

	/*background: url(../img/guide3.jpg);*/
}

.home-item {
	vertical-align: middle;

}

.home-item > img:first-child{
    position: absolute;
    top: 10%;
    left: 8%;
    max-width: 40px;
    max-height: 40px;
    width: 100%;
    border-radius: 50%; }
/*
.bar-subfooter {
  bottom: 40px;
  border-top-width: 1px;
  border-bottom-width: 0;
  background-position: top;
  height: 44px; }*/

.padding-example {
  position: relative;
  margin: auto;
/*  max-width: 100px;
  height: 100px;
*/  /*background: #387ef5;*/
  /*border-radius: 50%;*/

}

.text-ver-center {
   vertical-align: middle; }

.createsim {
  font-size: 34px;
  color: #fff; }

  .button > img:first-child {
/*    position: relative;
    max-width: 72px;
    max-height: 72px;
    width: 100%;
    height: 20%;*/
  } 


.collect {
  background-image: url(../img/collect0.png);
  background-position: 50% 50%; background-repeat:no-repeat; 
      max-width: 40px;
    max-height: 40px;
}

.collected {
  background-image: url(../img/collect1.png); 
  background-position: 50% 50%; background-repeat:no-repeat; 
}

.note {
  background-image: url(../img/note.png);
  background-position: 50% 50%; background-repeat:no-repeat; 
}

.sheet {
  background-image: url(../img/sheet.png);
  background-position: 50% 50%; background-repeat:no-repeat; 
}
.setting {
  background-image: url(../img/setting.png);
  background-position: 50% 50%; background-repeat:no-repeat; 
}